*{
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}
.top{
    width:100vw;
    height:50px;
    background:red;
    text-align:center;
    line-height:50px;
    color:white;
    font-weight:blod;
}
.mid{
    width:100vw;
    height:84vh;
    background:white;
    overflow-y: scroll;
    .inner{
        width:100vw;
        height:120px;
        background:white;
        display:flex;
        margin-top:10px;
        .inner_left{
            background:yellow;
            flex:1;
            text-align: center;
            line-height:120px;
        }
        .inner_mid{
            background:red;
            flex:3;
        }
        .inner_right{
            background:blue;
            display:flex;
            justify-content: space-between;
            flex:6;
            padding-top:80px; 
            .right_l{
                font-weight: bold;
            }          
            .right_r{   
                color:white;           
                .sub{
                    display:inline-block;
                    width:30px;
                    height:30px;
                    text-align: center;
                    line-height:30px;
                }
                .num{
                    display:inline-block;
                    width: 30px;
                    height:30px;
                    text-align: center;
                    line-height:30px;
                }
                .add{
                    display:inline-block;
                    width:30px;
                    height:30px;
                    text-align: center;
                    line-height:30px;
                }
            }
        }
    }
}
.bottom{
    width:100vw;
    height:66px;
    background:chartreuse;
    display:flex;
    justify-content: space-between;
    align-items: center;
    position:absolute;
    bottom:0;
    padding-left: 15px;
    .bottom_right{
        color:red;
    }
    .pay{
        width:120px;
        height:66px;
        background:black;
        color:white;        
        font-size:20px;
        text-align:center;
        line-height:66px;
        cursor: pointer;
    }
}